<template>
  <div
    class="l-shape-component remove-position"
    :style="styleProps"
    @click="handleClick"
    :draggable="false"
  ></div>
</template>
<script lang="ts" setup>
import { ShapeComponentProps, shapeDefaultProps } from "@/defaultProps";
import { useComponentClick, useStylePick } from "@/hooks/useComponentCommon";
import { defineProps, withDefaults } from "vue";

const props = withDefaults(defineProps<ShapeComponentProps>(), {
  ...shapeDefaultProps,
});
console.log("lshape", JSON.stringify(props));

const styleProps = useStylePick(props);
const handleClick = useComponentClick(props);
</script>
<style scoped></style>
